import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-slide',
  templateUrl: './slide.component.html',
  styleUrls: ['./slide.component.scss']
})
export class SlideComponent implements OnInit {

  // 接收轮播图片
  @Input() public imgList: any[] = [];
  constructor() { }

  ngOnInit() {
      //   // 从头播放模式
      //   const mySwiper: any = new Swiper ('.swiper-container', {
      //     direction: 'horizontal', // 垂直水平切换
      //     loop: true, // 循环模式
      //     // 分页器
      //     pagination: {
      //       el: '.swiper-pagination',
      //     },
      //     // 自动播放
      //     autoplay: {
      //       disableOnInteraction: false,
      //       delay: 1000,
      //     },
      // });

      // 循环播放模式
      setTimeout(() => {
        const mySwiper: any = new Swiper ('.swiper-container', {
          direction: 'horizontal', // 垂直水平切换
          loop: true, // 循环模式
          // 分页器
          pagination: {
            el: '.swiper-pagination',
          },
          // 自动播放
          autoplay: {
            disableOnInteraction: false,
            delay: 1000,
          },
          // observer: true
        });
      }, 1000);
      //
  }
}
